<template>
  <yk-space align="center" :size="50" wrap>
    <yk-space align="center">
      <yk-avatar
        img-url="https://www.huohuo90.com:3003/user/6353b034dd4b583975e77fbe.png"
        size="xl"
        shape="circle"
      ></yk-avatar>
      <yk-avatar
        size="l"
        shape="circle"
        :style="{ backgroundColor: '#14a9f8' }"
      >
        <icon-heart-fill />
      </yk-avatar>
      <yk-avatar
        img-url="https://www.huohuo90.com:3003/user/6353b034dd4b583975e77fbe.png"
        size="m"
        shape="circle"
      ></yk-avatar>
      <yk-avatar size="s" shape="circle">
        <icon-heart-fill />
      </yk-avatar>
    </yk-space>
    <yk-space align="center">
      <yk-avatar
        img-url="https://www.huohuo90.com:3003/user/6353b034dd4b583975e77fbe.png"
        size="xl"
        :shape="20"
      ></yk-avatar>
      <yk-avatar
        size="l"
        shape="square"
        :style="{ color: '#e33f2a', background: '#e9b93f' }"
      >
        <icon-heart-fill />
      </yk-avatar>
      <yk-avatar
        img-url="https://www.huohuo90.com:3003/user/6353b034dd4b583975e77fbe.png"
        size="m"
        shape="square"
      ></yk-avatar>
      <yk-avatar size="s" shape="square">
        <icon-heart-fill />
      </yk-avatar>
    </yk-space>
  </yk-space>
</template>
